<template>
  <div id="home">

    <h1>{{ msg }}</h1>
    <h2>head组件 -- {{title}} -- {{message}}</h2>

    <h2 />
    <button v-on:click="getParent()">子组件主动获取父组件的属性和方法</button>
  </div>
</template>



<script>
  export default {
    data() {
      return {
        msg: "head组件"
      };
    },
    methods: {
      run(data) {
        alert("我是子组件的run方法: " + data);
      },
      getParent() {
        alert(this.$parent.msg);
        this.$parent.run("123213123");
      }
    },
    mounted() {
      console.log("组件渲染完毕");
    }
  };
</script>

<style lang="scss">
</style>